<template>
	<view>
		<!--显示中奖号码的抽屉-->
		<uni-drawer :width="dwidth" ref="showRight" mode="right" :mask-click="true"
			@change="change($event,'showRight')">
			<view class="scroll-view">
				<scroll-view class="scroll-view-box" scroll-y="true">
					<van-sticky>
						<view class="cu-list menu-avatar">
							<view class="cu-item">
								<view class="cu-avatar round lg"
									style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg);">
								</view>
								<view class="content">
									<view class="text-grey">用户名</view>
									<view class="text-gray text-sm flex">
										<view class="text-cut">
											<!-- <text class="cuIcon-infofill text-red  margin-right-xs"></text> -->
											2021-03-09 16:49:50
										</view>
									</view>
									<view class="d-flex">
										<text>购买</text>
										<view class="text-warning font-md px-1">300次</view>
									</view>
								</view>
							</view>
						</view>
					</van-sticky>
					<view>
						<!--抽奖号码面板-->
						<text style="display: inline-block;float: left; margin: 10px 5px;font-size: 12px;width: 98rpx;"
							v-for="item in 100" :key="item">
							1000{{item}}
						</text>
					</view>
				</scroll-view>
			</view>
		</uni-drawer>
	</view>
</template>

<script>
	export default {
		name:"lotteryMyNumber",
		data() {
			return {
				//抽屉宽度
				dwidth: 300
			};
		},
		methods:{
			 // 抽屉状态发生变化触发
			change(e, type) {
				console.log((type === 'showLeft' ? '左窗口' : '右窗口') + (e ? '打开' : '关闭'));
				this[type] = e
			}, // 打开窗口
			showDrawer(e) {
				this.$refs[e].open()
			},
		}
	}
</script>

<style>

</style>
